page{
	height: 100%;
	background: #FFFFFF;
}
.container {
  display: flex;
  flex-direction: column;
  height: 100vh;
  width: 100%;
  overflow-y: auto;
	background: #FFFFFF;
	.order_info {
		padding: 52rpx 30rpx 60rpx 30rpx;
		.title {
			font-size: 36rpx;
			font-weight: bold;
			color: #333333;
		}
		.order-content {
			margin-top: 44rpx;
			display: flex;
			justify-content: space-between;
			font-size: 26rpx;
			.name {
				color: #999999;
			}
			.params {
				color: #333333;
			}
		}
	}

	.middle_box {
		padding: 0 30rpx;
		margin-top: 50rpx;
		.pay_icon {
				vertical-align: bottom;
				width: 34rpx;
				height: 34rpx;
		}

		.pay_title {
			padding: 50rpx;
			padding-top: 30rpx;
			color: #333333;
			font-size: 32rpx;
		}
	}

	.final-price {
		padding: 60rpx 30rpx 0rpx 30rpx;
		margin-top: 100rpx;
		display: flex;
		justify-content: flex-end;
		.price {
			display: flex;
			align-items: flex-end;
			.del-price {
				color: #FD3633;
			}
			.true-price {
				font-size: 46rpx;
				font-weight: bold;
				color: #FA5151;
			}
		}
	}

	.bottom-btn {
		width: 100%;
		position: fixed;
		bottom: 38rpx;
		left: 0;
		padding: 0 30rpx;
		display: flex;
		justify-content: center;
		padding-bottom: constant(safe-area-inset-bottom);
		padding-bottom: env(safe-area-inset-bottom);
		.btn {
			display: flex;
			align-items: center;
			justify-content: center;
			width: 100%;
			height: 90rpx;
			background: linear-gradient(90deg, #FD3633 0%, #FF6634 100%);
			border-radius: 50rpx;
			color: #fff;
			font-size: 30rpx;
		}
	}
}